<!DOCTYPE html>
<html xmlns:th="http://www.springframework.org/schema/mvc">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="js/dist/layui-v2.1.0/layui/css/layui.css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
    <link rel="stylesheet" href="js/dist/layui-v2.1.0/Swiper-3.4.2/dist/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <script src="/js/headerJS.js"></script>
</head>
<body>
<div class="swiper">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"></div>
            <div class="swiper-slide"></div>
            <div class="swiper-slide"></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>
<div class="ul">
    <ul class="list">
        <li>
            11
        </li>
        <li>
            22
        </li>
        <li>
            33

        </li>
    </ul>
</div>
<form class="layui-form" id="loginOpen" style="display: none;">
    <div class="layui-form-item" style="margin-top: 20px;">
        <label class="layui-form-label">手机号</label>
        <div class="layui-input-block">
            <input type="text" required name="phone" lay-verify="required|phone" placeholder="请输入手机号" autocomplete="off"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" style="margin-top: 20px;">
        <label class="layui-form-label">密码:</label>
        <div class="layui-input-block">
            <input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
                   autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" style="margin-bottom: 0">
        <div class="layui-input-block">
            <a style="color: #1E9FFF;cursor: pointer" id="noRes" href="/register">还没注册?</a>
            <a style="margin-left: 195px;color: #333;cursor: pointer" id="forget">忘记密码</a>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block" style="margin-left: 184px">
            <button class="layui-btn  layui-btn-normal layui-btn-big" lay-submit lay-filter="loginSend">立即登录</button>
        </div>
    </div>
</form>
<!--忘记密码-->
<form class="layui-form" id="forgetOpen" style="display: none;">
    <div class="layui-form-item" style="margin-top: 20px;">
        <label class="layui-form-label">手机号</label>
        <div class="layui-input-block">
            <input type="text" required name="phone" lay-verify="required|phone" placeholder="请输入手机号" autocomplete="off"
                   class="layui-input" id="userPhone">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label"></label>
        <div id="phoneSms" class="phoneSend">
            发送验证码
        </div>
    </div>
    <div class="layui-form-item" style="margin-top: 20px;">
        <label class="layui-form-label">验证码</label>
        <div class="layui-input-block">
            <input type="text" required name="codeParam" lay-verify="required" placeholder="请输入验证码" autocomplete="off"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" style="margin-top: 20px;">
        <label class="layui-form-label">新密码</label>
        <div class="layui-input-block">
            <input type="password" name="password" required lay-verify="required" placeholder="请输入新密码"
                   autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block" style="margin-left: 230px">
            <button class="layui-btn  layui-btn-normal layui-btn-big" lay-submit lay-filter="forgetSend" >立即修改</button>
        </div>
    </div>
</form>
</body>
<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script src="js/dist/layui-v2.1.0/layui/layui.js"></script>
<script src="js/dist/layui-v2.1.0/Swiper-3.4.2/dist/js/swiper.jquery.min.js"></script>
<script th:inline="javascript">
    function member() {
        /*<![CDATA[*/
        var member = [[${session.member}]];
        /*]]>*/
        return member
    }
</script>
<script type="text/javascript" src="js/index.js"></script>
</html>
